@import "reset.css";

body {
	background: url("../images/bg-body.gif") repeat-y scroll left top
		#f0f0f0;
	color: #555555;
}

.main {
	background: url("../images/bg-radial-gradient.gif") no-repeat fixed
		230px top transparent;
	height:750px;
}
/* side bar */
.sidebar {
	width: 230px;
	color: #ffffff;
	text-align: right;
}

.sidebar h1 {
	padding: 0 15px 0 0;
	line-height: 100px;
	font-size: 32px;
}

.functions {
	color: #888888;
	padding: 0 15px 25px 0;
}

.functions a {
	color: #cccccc;
}

.functions a:hover {
	color: #ffffff;
	text-decoration: none;
}

.functions li {
	line-height: 30px;
}

.nav {
	width: 206px;
	margin: 0 0 0 24px;
}

.nav li {
	padding-bottom: 10px;
}

.nav a {
	padding-right: 15px;
}

.nav a:focus,.nav a:hover {
	text-decoration: none;
}

.sup-nav {
	display: block;
	background: url("../images/bg-menu-item-green.gif") no-repeat right
		center;
	color: #ffffff;
	font-size: 14px;
	padding: 10px 15px;
}

.nav li>.current {
	background-image: url("../images/bg-menu-item-current.gif");
	color: #333333;
	font-weight: bold;
}
/* sub nav */
.nav ul {
	display: none;
}

.nav ul li {
	padding: 0;
}

.nav ul li a {
	display: block;
	color: #aaaaaa;
	padding: 5px 15px;
	line-height: 1.2em;
}

.nav ul li a:hover {
	color: #ffffff;
}

.nav ul li>.current {
	color: #ffffff;
	background: url("../images/menu-current-arrow.gif") no-repeat right
		center;
}

.content {
	margin: 0 30px;
	padding: 40px 0 0;
	width:1050px;
}